<template>
<div class="header">
 城市选择
 <router-link to="/">
 <div class="iconfont header-back">&#xe624;</div>
 </router-link>
</div>
</template>

<script>
export default {
  name: "CityHeader",
  props: {
    city: String
  }
};
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl';

.header {
  position:relative;
  height:$headerHeight;
  line-height:$headerHeight;
  text-align:center;
  color:#ffffff;
  background:$bgColor;
  fontsize:16px
}
.header-back{
  position:absolute;
  top:0;
  left:0;
  width :32px;
  text-align:center;
  font-size:20px;
  color:#ffffff;
}
</style>